// 加载提示
<template>

  <Spin fix>

    <Icon type="load-c" class="demo-spin-icon-load"></Icon>
    <div>{{txt}}</div>

  </Spin>


</template>

<script lang='ts'>
  import {
    Component,
    Vue,
    Prop
  } from 'vue-property-decorator'

  @Component({})
  export default class loading extends Vue {
    name: string = 'loading'

    @Prop({default: '数据请求中...'})
    txt:string
   
  }

</script>

<style scoped lang='scss'>

.demo-spin-icon-load{
    font-size: 2rem;    
    animation: ani-demo-spin 1s linear infinite;
}

@keyframes ani-demo-spin {
    from { transform: rotate(0deg);}
    50%  { transform: rotate(180deg);}
    to   { transform: rotate(360deg);}
}


</style>
